<template>
  <div id="customer">
      <el-menu
  :default-active="activeIndex2"
  class="el-menu-demo"
  mode="horizontal"
  @select="handleSelect"
  background-color="#545c64"
  text-color="#fff"
  active-text-color="#ffd04b">
  <el-menu-item ><i class="el-icon-s-home"></i>订单管理</el-menu-item>
  <el-menu-item index="/salesMenSystem/xOrders/xOutOrdersList"><i class="el-icon-user"></i>我的退单列表</el-menu-item>
  <el-menu-item index="/salesMenSystem/xOrders/xOrdersList"><i class="el-icon-s-operation"></i>我的客户订单列表</el-menu-item>
  
</el-menu>

<!-- 客户内容 -->
<div class="customerMain">
 <router-view />
</div>
  </div>
</template>

<script>
// import XaddCustomers from './XaddCustomers.vue'
export default {
//   components:{
// XaddCustomers
//   },
   data(){
       return {
            activeIndex2: '1'
       }
   },
   methods:{
     handleSelect(path){
          this.$router.push(path).catch(function(err){
            // console.log(22);
          })
     }
   }
}
</script>

<style>
#customer{
  margin-top: -14px;
}
.customerMain{
  margin-top: 50px;
}
</style>